<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>限时抢购</title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="//unpkg.com/element-ui@2.12.0/lib/theme-chalk/index.css" />
		<script src="//unpkg.com/vue/dist/vue.js"></script>
		<script src="//unpkg.com/element-ui@2.12.0/lib/index.js"></script>
		<style>
			.el-progress-bar__outer {
				background-color: #FECD80
			}

			.el-progress__text {

				color: #FE9A00;

			}

			body {
				overflow-x: hidden;

			}
		</style>

	</head>
	<body>
		<div style="width: 100%;height: 50rem;">
			<img src="img/slider-img1.jpg" />
		</div>
		<div style="width: 100%;" class="divCenter">
			<div style="width: 75rem;" id="progress">
				<div style="width: 29%;height: 10rem;border: 0.0625rem solid #007D36;display: flex;float: left;margin: 2%;" class="divRow"
				 v-for="(item,index) in goodList">
					<div style="width: 40%;height: 100%;" class="divCenter">
						<img src="https://img10.360buyimg.com/n7/jfs/t1/46357/19/10005/493205/5d73331bEbac6e95a/bd31527b06a532ad.jpg"
						 style="width: 80%;height: 70%;" />
					</div>
					<div style="width: 60%;height: 100%;padding-top: 1rem;color: #000000;font-weight: 600;line-height: 0.875rem;"
					 class="divColumn">
						<p>硕扬 i7 8700升十二线程/8G显卡32G内存D3游戏台式吃鸡电脑主机/DIY组装机</p>
						<div>
							<el-progress :percentage="80" color='#FE9900'></el-progress>
						</div>
						<span style="color: #FE9900;">已购买50件</span>
						<div style="width: 100%;margin-top: 0.625rem;" class="divRow">
							<h2 style="color: #FE9900;">¥520.00</h2>
							<h4 style="color: #999999;text-decoration: line-through;margin-left: 0.625rem;">¥888.00</h4>
						</div>
						<div style="width: 100%;" class="divCenter">
							<span style="width: 5rem;height: 1.875rem;background: #FE9900;margin-top: 0.625rem;color: white;text-align: center;line-height: 1.875rem;cursor: pointer;">
								立即购买
							</span>


						</div>



					</div>


				</div>
			</div>
		</div>
		<script>
			var progress = new Vue({
				el: '#progress',
				data: {
					goodList: ['', '', '', '', '', '', '']


				},
				created: function() {







				},

				methods: {



				}


			})
		</script>


	</body>
</html>
